<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="it" lang="it">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <meta name="title" content="Ecolendar - Home page" />
    <meta name="description" content="Ecolendar è agenda personale, sistema di prenotazione di risorse e metodo per organizzare riunioni" />
    <meta name="keywords" content="Calendar, Calendario, Agenda, Condivisione risorse" />
    <meta name="author" content="Gianluca Carlesso - Alice Zerbaro" />
    <title>Home Page - Ecolendar</title>
    <link media="handheld, screen" href="style/base.css" rel="stylesheet" type="text/css" />
    <link media="print" href="style/print.css" rel="stylesheet" type="text/css" />
    <link media="handheld, screen and (max-width:580px), only screen and (max-device-width:480px)" href="style/base_mobile.css" rel="stylesheet" type="text/css" />
    <link media="handheld, screen" href="style/calendars.css" rel="stylesheet" type="text/css" />
<!--  AGGIUNGI FOGLIO DI STILE PER AURAL  -->
  </head>
<!-- handheld, screen and (max-width:580px) -->
    <body>
        <div id="logout">
            <span>NOME UTENTE</span>
            <a href="bla.html" xml:lang="en">logout</a>
        </div>
        <div id="header">
            <h1 id="title_header">ECOLENDAR</h1>
            <h2 id="subtitle_header">L'agenda <span xml:lang="en">on-line</span> personale ed ecologica</h2>
        </div>
        <div id="breadcrumbs">
	    <p>Ti trovi in &gt <span xml:lang="en">Home</span></p>
        </div>
        <p class="accessibility"><a href="#content">Salta la navigazione del menu </a></p>
        <div id="nav">
          <h3>Menu</h3>
	    <ul>
	      <li><a href="/home.html">Impegni della giornata</a></li>
	      <li><a href="/home.html">Nuovo calendario</a></li>
	      <li><a href="/home.html">Vedi calendari</a></li>
	      <li><a href="/home.html">Gestisci profilo</a></li>
	    </ul>
        </div>
        <div id="content">
        <!--    rendere invisibile l'elemento allo screenreader se non contiene appuntamenti    -->
            <p abbr="cal">Calendario settimana</p>
                <ol>
            <!-- attributo title provvisorio solo per testare lettura screenreader -->
                    <li><p>luned&igrave</p>
                    <ul>
                        <li>appuntamento1</li>
                        <li>appuntamento2</li>
                </ul>
                </li>
                
                <li><p>Marted&igrave</p>
                    <ul>
<!--                    <li></li>-->
                    </ul>
                </li>
                
                <li><p>Mercoled&igrave</p>
                    <ul>
                    <li>bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla
                    bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla
                    bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla</li>
                    </ul>
                </li>
                
                <li><p>Gioved&igrave</p>
                    <ul>
                    <li>appuntamento1</li>
                    </ul>
                </li>
                
                <li><p>Venerd&igrave</p>
                    <ul>
<!--                    <li></li>-->
                    </ul>
                </li>
                
                <li><p>Sabato</p>
                    <ul>
<!--                    <li></li>-->
                    </ul>
                </li>
                
                <li><p>Domenica</p>
                    <ul>
                    <li>appuntamento1</li>
                    </ul>
                </li>
            </ol>
        </div>
    <div id="footer">
      <p class="p_footer">All rights reserved &copy; 2011 | <a href="/crediti.html" >credits</a> | <a href="http://validator.w3.org/check?uri=referer">xhtml_validation</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=referer">css_validation</a></p>
    </div>
  </body>
</html>